@media screen and (min-width:1200px) {
    /*内页大图*/
    #banner_news {
        width: 100%;
        position: relative;
        background: url(../images/new_banner.jpg) top center no-repeat;
        height: 4.6rem;
    }
    #banner_lxwm {
        width: 100%;
        position: relative;
        background: url(../images/new_banner.jpg) top center no-repeat;
        height: 4.6rem;
    }
    #banner_about {
        width: 100%;
        position: relative;
        background: url(../images/new_banner.jpg) top center no-repeat;
        height: 4.6rem;
    }
    #banner_pro {
        width: 100%;
        position: relative;
        background: url(../images/new_banner.jpg) top center no-repeat;
        height: 4.6rem;
    }
    .banner_tit {
        width: 8rem;
        position: relative;
        text-align: center;
        margin: 0 auto;
        position: relative;
        top: 55%;
        transform: translateY(-50%);
    }
    .banner_tit h3 {
        font-size: .34rem;
        color: #fff;
        display: block;
        line-height: .34rem;
        font-weight: 400;
        letter-spacing: .02rem;
        text-align: center;
    }
    .banner_tit h6 {
        font-size: .19rem;
        font-weight: 100;
        color: #e5e5e5;
        margin-top: .2rem;
        line-height: .3rem;
        text-align: left;
        font-weight: 200;
        letter-spacing: .01rem;
        text-align: center;
    }
    /*网站面包削*/
    .mianbxContent {
        height: .25rem;
        line-height: .25rem;
        font-size: .16rem;
        text-align: left;
        text-indent: 2.5em;
        transition: 0.1s all;
        background: url("../images/home.png") no-repeat 7px 14px;
        border: 1px dashed #ddd;
        position: relative;
        width: 100%;
        margin-top: .2rem;
        padding: 0.15rem 0;
        margin-bottom: .2rem;
    }
    .mianbxContent:hover {
        background-position: .07rem -.29rem;
    }
    .mianbxContent::after,
    .mianbxContent:after {
        content: '';
        position: absolute;
        display: block;
        height: .4rem;
        width: 2rem;
        top: 0;
        right: 0;
    }
    .mianbxContent a {
        font-size: .15rem !important;
        color: #333;
    }
    .mianbxContent span {
        padding: 0 0.1rem;
        font-family: cursive;
    }
    /*新闻分类*/
    .nswsfenlei {
        height: .6rem;
        clear: both;
        margin-bottom: .3rem;
    }
    .nswsfenlei li {
        float: left;
        width: 33%;
    }
    .nswsfenlei li+li {
        margin-left: 0.5%;
    }
    .nswsfenlei li a {
        transition: all .3s ease;
        line-height: .6rem;
        text-align: center;
        display: block;
        background: #f3f3f3;
        font-size: .16rem;
        color: #333;
    }
    .nswsfenlei li.curNewsType a,
    .nswsfenlei li:hover a {
        background: #e70012;
        color: #fff;
    }
    /*新闻列表*/
    .nynews {
        width: 78.5%;
        float: right;
        background: #fff;
    }
    .nynews .wrap {
        padding: 40px;
    }
    .nynews-list {
        width: 100%;
        height: auto;
        padding: 2% 0;
        margin: .2rem auto;
        border-bottom: 1px solid #eee;
        box-sizing: border-box;
        position: relative;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
    }
    .nynews-date {
        float: left;
        width: 9%;
        padding: 4% 3% 0 0;
        text-align: right;
        font-size: .16rem;
        font-weight: bold;
        font-family: sans-serif;
        color: #999;
    }
    .nynews-date b {
        font-size: .34rem;
        color: #000;
        line-height: .4rem;
    }
    .nynews-photo {
        float: left;
        width: 24%;
        height: auto;
        overflow: hidden;
    }
    .nynews-photo img {
        width: 100%;
        transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
    }
    .nynews-content {
        float: left;
        width: 65%;
        padding-left: 3%;
        margin-top: 10px;
    }
    .nynews-title {
        font-size: .18rem;
        font-weight: bold;
        color: #333;
        line-height: .3rem;
        padding-bottom: 0.6vw;
    }
    .nynews-text {
        font-size: .13rem;
        line-height: .23rem;
        color: #666;
    }
    .nynews-more {
        float: right;
        width: .44rem;
        height: .44rem;
        line-height: .44rem;
        margin-top: 4%;
        font-size: .2rem;
        color: #fff;
        font-family: serif;
        font-weight: bold;
        background: #e5e5e5;
        border-radius: 100%;
        text-align: center;
        transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
    }
    .nynews-list:hover .nynews-photo img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
    .nynews-list:hover .nynews-title {
        color: #e70012;
    }
    .nynews-list:hover .nynews-more {
        background: #e70012;
        transform: translateX(.06rem);
        -webkit-transform: translateX(.06rem);
    }
    /*新闻内页*/
    .nyxqnewsbg {
        width: 100%;
        padding: .3rem 0;
    }
    .nyxqnews_left {
        width: 75%;
        float: left;
        background: #f3f3f3;
        padding: .3rem .3rem 0 .3rem;
        overflow: hidden;
    }
    .nyxqnews_right {
        width: 20%;
        float: right;
    }
    .news_lefttit {
        border-bottom: .01rem solid #e7e7e7;
        padding-bottom: .15rem;
    }
    .news_lefttit h1 {
        font-size: .22rem;
        font-weight: normal;
        line-height: .3rem;
        display: block;
        margin-bottom: .15rem;
        color: #333;
    }
    .news_lefttit span {
        display: block;
        float: left;
        border-left: .01rem dotted #b6b6b6;
        color: #999;
        line-height: .14rem;
        padding: 0 .1rem;
    }
    .news_lefttit .chuchu {
        padding: 0 .1rem 0 0;
        border-left: none;
    }
    .nyxqnews_leftcont {
        margin-top: .2rem;
        line-height: .28rem;
        color: #777;
    }
    .nyxqnews_leftcont img {
        max-width: 100%;
    }
    .nyxqnews_leftpage {
        width: 100%;
        margin-top: .2rem;
        border-top: .01rem solid #e7e7e7;
        line-height: .7rem;
    }
    .nyxqnews_leftup {
        float: left;
        border-right: .01rem solid #e7e7e7;
        width: 50%;
        padding-left: .2rem;
        padding-right: .3rem;
        height: .7rem;
        overflow: hidden;
        background: url(../images/newsup.png) left no-repeat;
        box-sizing: border-box;
    }
    .nyxqnews_leftdown {
        float: right;
        text-align: right;
        width: 50%;
        padding-left: .3rem;
        padding-right: .2rem;
        height: .7rem;
        overflow: hidden;
        background: url(../images/newsdown.png) right no-repeat;
        box-sizing: border-box;
    }
    .nywenzhang {
        padding: .3rem .3rem .2rem .3rem;
        background: #f3f3f3;
    }
    .nyxqnews_righttit {
        font-size: .18rem;
        border-bottom: .01rem solid #e7e7e7;
        height: .36rem;
        line-height: .18rem;
    }
    .nyxqnews_righttit strong {
        color: #e70012;
    }
    .nyxqnews_rightcont {
        margin-top: .1rem;
        line-height: .36rem;
    }
    .nyxqnews_rightcont a {
        display: block;
        background: url(../images/newswenzhagn.png) left center no-repeat;
        padding-left: .22rem;
        height: .36rem;
        overflow: hidden;
    }
    .nyzx {
        margin-top: .1rem;
    }
    /*关于我们*/
    .naboutl {
        width: 19%;
        float: left;
    }
    .icon {
        vertical-align: middle;
        background: url(../images/icon.png) no-repeat;
        display: inline-block;
    }
    .naboutl .submenubox {
        padding-bottom: 20px;
    }
    .naboutl .submenubox .left_title {
        height: 68px;
        background: #e70012;
        color: #fff;
    }
    .naboutl .submenubox .left_title h3 {
        font-size: 20px;
        font-weight: bold;
        line-height: 68px;
        padding-left: 26px;
        text-transform: uppercase;
    }
    .naboutl .submenubox .left_title s {
        background-position: -248px -76px;
        vertical-align: middle;
        width: 28px;
        height: 28px;
        margin-right: 30px;
        margin-top: 22px;
        background: none;
    }
    .naboutl .submenu {
        position: relative;
    }
    .naboutl .submenu li {
        display: block;
    }
    .naboutl .submenu li.on a.sub1 {
        background: #e70012;
        color: #fff;
    }
    .naboutl .submenu li a.sub1 {
        position: relative;
        height: .55rem;
        line-height: .55rem;
        display: block;
        padding-left: .2rem;
        background: #fff;
        font-size: .15rem;
        border-bottom: .01rem solid #eeeeee;
        border-top: 0 none;
        overflow: hidden;
    }
    .naboutl .submenu li a.sub1::after {
        content: '';
        height: 30px;
        width: 0px;
        background: #e70012;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .naboutl .submenu li a.sub1:hover::after {
        width: 2px;
        background: #e70012;
        color: #fff;
    }
    .naboutl .submenu li.hover a.sub1 {
        background: #fff;
        color: #e70012;
    }
    .naboutl .submenu li.hover a.sub1::after {
        width: 2px;
    }
    .naboutl .submenu li ul {
        background: #fff;
        display: none;
    }
    .naboutl .submenu.cpdj li a.sub1 {
        position: relative;
    }
    .naboutl .submenu.cpdj li a.sub1 i {
        position: absolute;
        right: 15px;
        z-index: 9;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 15px;
        height: 15px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }
    .naboutl .submenu.cpdj li.on a.sub1 i {
        transform: rotate(180deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    .naboutl .submenu.cpdj li ul {
        padding: 20px 20px 5px;
    }
    .naboutl .submenu.cpdj li ul li a {
        font-size: 14px;
        line-height: 22px;
        display: block;
        padding-bottom: 8px;
        margin-bottom: 10px;
    }
    .naboutl .submenu.cpdj li ul li a:hover {
        color: #e70012;
    }
    .naboutl .submenu s {
        width: 2px;
        height: 61px;
        display: block;
        background: #e70012;
        position: absolute;
        left: 0;
        top: 0;
    }
    .naboutl .submenu .box {
        padding-bottom: 0;
        background: #f9f9f9;
        border: 1px solid #eeeeee;
        border-top: 0 none;
        display: none;
    }
    .naboutl .submenu .box a {
        color: #333;
        line-height: 40px;
        display: block;
        height: 40px;
        padding-left: 28px;
        overflow: hidden;
    }
    .naboutl .submenu .box a s {
        width: 10px;
        height: 10px;
        margin-right: 8px;
        display: inline-block;
        background-position: 2px -178px;
    }
    .naboutl .submenu .box a:hover,
    .naboutl .submenu .box a.hover {
        color: #e70012;
    }
    .naboutl .submenu li.hover .box {
        display: block;
    }
    .naboutl .leftbox {
        background: #fff;
        position: relative;
        margin-bottom: 20px;
    }
    .naboutl .leftbox .left_title {
        padding: 15px;
        padding-left: 15px;
        background: #e70012;
    }
    .naboutl .leftbox .left_title h3 {
        font-size: 16px;
        font-weight: normal;
        color: #fff;
        display: block;
        text-transform: uppercase;
    }
    .naboutl .leftbox .cont {
        padding: 12px;
        padding-top: 18px;
        white-space: normal;
    }
    .naboutl .leftbox .cont .img {
        float: left;
        display: block;
        border: 1px solid #e5e5e5;
        margin: 0 auto 10px;
    }
    .naboutl .leftbox .cont img {
        width: 100%;
        height: auto;
    }
    .naboutl .leftbox .cont p {
        white-space: normal;
        word-break: break-all;
        word-wrap: break-word;
        padding: 0.08rem 0;
        line-height: .2rem;
        font-size: .15rem !important;
    }
    .naboutl .leftbox .cont .zx {
        width: 100%;
        height: 48px;
        font-size: .16rem !important;
        line-height: 48px;
        background: #e70012;
        color: #fff;
        display: block;
        margin-top: 10px;
    }
    .naboutl .leftbox .cont .zx em {
        width: 48px;
        height: 48px;
        display: inline-block;
        background-position: -152px -152px;
        vertical-align: top;
    }
    .naboutl .leftbox .cont .zx:hover {
        background: #e70012;
    }
    .nabout {
        width: 78.8%;
        float: right;
    }
    .nabout_box {
        position: relative;
        z-index: 5;
        margin-bottom: .5rem;
        padding: 40px;
        background: #fff;
    }
    .nabout_box:before {
        content: '';
        width: 15px;
        height: 15px;
        background: #e70012;
        position: absolute;
        top: 0;
        left: 34px;
        z-index: 1;
        border-radius: 50%;
        display: none;
    }
    .nabout_box:after {
        display: none;
        content: '';
        width: 2px;
        height: 40px;
        background: #333;
        position: absolute;
        top: 10px;
        left: 40px;
        opacity: 0.8;
    }
    .nabout_tit {
        overflow: hidden;
    }
    .nabout_tit p {
        padding-left: 10px;
        font-size: 22px;
        padding-bottom: 20px;
        border-bottom: 1px solid #eee;
    }
    @-webkit-keyframes roundRule {
        0%,
        100% {
            -webkit-transform: rotate(-15deg);
        }
        50% {
            -webkit-transform: rotate(15deg);
        }
    }
    .nabout_tit p:after {
        content: '';
        display: none;
        width: 100%;
        height: 100%;
        background: #fff;
        position: absolute;
        top: 10px;
        left: 5px;
        border-radius: 6px;
        transform: rotate(-4deg);
        z-index: -1;
    }
    .nabout_con {
        display: flex;
        flex-direction: column;
        position: relative;
        padding: 40px 15px;
        z-index: -1;
        overflow: hidden;
        background: #fff;
    }
    .nabout_con:before {
        display: none;
        content: '';
        border: 10px solid #dddddd;
        width: 200px;
        height: 100px;
        position: absolute;
        top: 0;
        left: 0;
        border-right: none;
        border-bottom: none;
    }
    .nabout_con:after {
        display: none;
        content: '';
        border: 10px solid #dddddd;
        width: 200px;
        height: 100px;
        position: absolute;
        bottom: 0;
        right: 0;
        border-top: 0;
        border-left: none;
    }
    .page-book .form-cont {
        display: flex;
        justify-content: space-between;
    }
    .page-book .form-cont .form-group {
        width: 32%;
    }
    .page-book .form-cont .form-group input {
        width: 91%;
        display: block;
        padding: 5px 12px;
        color: #555;
        background-color: #fff;
        border: 1px solid #ddd;
        height: 32px;
    }
    .page-book .form-group #content {
        background: #fff;
        width: 98%;
        border: 1px solid #ddd;
        margin: 30px 0;
        padding: 1%;
        min-height: 180px;
    }
    .page-book .btn {
        display: block;
        width: 220px;
        height: 48px;
        padding: 0;
        font-size: 15px;
        background: #e70012;
        border: 0;
        color: #fff;
        margin: auto;
    }
    .nabout_txt {
        width: 100%;
        box-sizing: border-box;
    }
    .nabout_txt p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 15px;
        color: #666;
    }
    .nabout_txt .img {
        text-align: center;
    }
    .nabout_txt img {
        max-width: 100%;
    }
    /*联系我们*/
    .page-contact {
        width: 100%;
        margin-bottom: .5rem;
    }
    .page-contact .contact-main {
        width: 50%;
        background: #e70012;
        color: #fff;
        padding: 5%;
        box-sizing: border-box;
        float: left;
    }
    .page-contact .contact-main .top h3 {
        font-size: 32px;
        margin-bottom: 22px;
    }
    .page-contact .contact-main .top p {
        font-size: 15px;
        line-height: 24px;
    }
    .page-contact .contact-main .top .more {
        display: flex;
        width: 136px;
        background: #fff;
        justify-content: center;
        height: 42px;
        align-items: center;
        font-size: 16px;
        color: #e70012;
        border-radius: 50px;
        margin-top: 42px;
    }
    .page-contact .contact-main .top .more i {
        font-size: 20px;
        margin-right: 6px;
    }
    .page-contact .contact-main ul {
        margin-top: 45px;
    }
    .page-contact .contact-main ul li {
        font-size: 16px;
        margin-bottom: 19px;
    }
    .page-contact .contact-main ul li i {
        font-size: 20px;
        margin-right: 8px;
    }
    .page-contact .contact-main .erweima {
        display: flex;
        margin-top: 50px;
    }
    .page-contact .contact-main .erweima div {
        text-align: center;
        margin-right: 25px;
    }
    .page-contact .contact-main .erweima div p {
        margin-top: 8px;
    }
    .page-contact .contact-main .erweima img {
        max-width: 105px;
    }
    .page-contact .map {
        width: 50%;
        box-sizing: border-box;
        float: left;
    }
    .page-contact .map img {
        max-width: unset;
    }
    /*产品列表*/
    .ny_prototal {
        width: 78.5%;
        overflow: hidden;
        background: #fff;
    }
    .ny_prototal .wrap {
        padding: 40px;
    }
    .ny_prototal .wrap .list {
        margin-top: 40px;
    }
    .ny_prolist {
        width: 32%;
        margin-right: 2%;
        float: left;
        margin-bottom: 2%;
        overflow: hidden;
    }
    .ny_prolist:nth-child(3n) {
        margin-right: 0;
    }
    .ny_propic {
        position: relative;
        overflow: hidden;
        border: 1px solid #eee;
    }
    .ny_propic a {
        display: block;
    }
    .ny_propic a img {
        width: 100%;
    }
    .ny_propic a:before {
        content: '';
        width: 0%;
        height: 0%;
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        z-index: 2;
        top: 0;
        display: block;
        transition: all 0.3s;
    }
    .ny_propic span {
        width: 60px;
        height: 60px;
        display: none;
        position: absolute;
        z-index: 3;
        left: 50%;
        margin-left: -30px;
        top: 39%;
        border: solid 1px #fff;
        border-radius: 60px;
        font-size: .5rem;
        color: #fff;
        line-height: 60px;
        text-align: center;
        box-sizing: border-box;
    }
    .ny_prolist:hover .ny_propic a:before {
        width: 100%;
        display: none;
        height: 100%;
    }
    .ny_prolist:hover .ny_propic span {
        display: block;
    }
    .ny_protil {
        width: 100%;
        background: #f5f5f5;
        position: relative;
        overflow: hidden;
    }
    .ny_protil a {
        height: 45%;
        padding: 6% 5%;
        font-size: .16rem;
        position: relative;
        z-index: 2;
        display: block;
        text-align: center;
    }
    .ny_prolist:hover .ny_protil a {
        color: #fff;
    }
    .ny_protil:before {
        width: 0;
        height: 100%;
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        background: #e70012;
        transition: all 0.3s;
    }
    .ny_prolist:hover .ny_protil:before {
        width: 100%;
    }
    /*产品内页*/
    .wap {
        display: none;
    }
    .pro_main_box {
        background: #fff;
        width: calc(78.5% - 80px);
        padding: 40px;
    }
    .propic_show_left {
        float: left;
        width: 46%;
    }
    .propic_show_left img {
        max-width: 100%;
    }
    .propic_show_right {
        float: right;
        width: 50%;
        color: #888;
        text-align: left;
    }
    .page-product-content .pro_main_box .cont {
        clear: both;
        overflow: hidden;
    }
    .page-product-content .pro_main_box .cont .cont-top {
        overflow: hidden;
        margin: 50px 0 40px;
        background: #f8f8f8;
    }
    .page-product-content .pro_main_box .cont .cont-top span {
        display: block;
        overflow: hidden;
        padding: 0 38px;
        color: #fff;
        line-height: 52px;
        background: #e70012;
        float: left;
        font-size: 16px;
    }
    .page-product-content .pro_main_box .cont .text p {
        color: #666;
        line-height: 26px;
        font-size: 15px;
        margin-bottom: 12px;
    }
    .page-product-content .pro_main_box .cont .text table,
    span {
        border-collapse: collapse;
    }
    .page-product-content .pro_main_box .cont .text table,
    th,
    td {
        padding: 10px;
        border: 1px solid #e3e3e3 !important;
    }
    .page-product-content .pro_main_box .cont .text p strong {
        color: #121212;
        font-size: 16px;
    }
    .partner-list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 0.3rem;
    }
    .partner-list .item {
        width: 23.5%;
        margin-right: 2%;
        text-align: center;
        margin-bottom: 30px;
    }
    .partner-list .item .img {
        border: 1px solid #eee;
        margin-bottom: 15px;
    }
    .partner-list .item .img img {
        max-width: 100%;
    }
    .partner-list .item:nth-child(4n) {
        margin-right: 0;
    }
    .propic_show_right br {
        display: none;
    }
    .propic_show_right .propic_desc {
        height: 56px;
        margin-top: 20px;
        overflow: hidden;
    }
    .propic_show_right .propic_desc strong {
        font-weight: bold;
    }
    .pro_detail_title {
        display: block;
        color: #444;
        font-size: 26px;
        padding: 20px 0;
        border-bottom: 1px solid #eee;
        margin-bottom: 20px;
    }
    .cp_bz {
        color: #666;
        font-size: 14px;
        line-height: 24px;
    }
    .cp_bz ul li {
        float: left;
        width: 24%;
    }
    .cp_bz ul li img {
        width: 100%;
    }
    .cp_bz ul li+li {
        margin-left: 1.3%;
    }
    .cp_bz_tu img {
        width: 100%;
        margin-top: 20px;
    }
    .propic_show_con_box {
        margin-top: 20px;
    }
    .propic_show_piclist {
        float: left;
        position: relative;
        top: 154px;
        left: 0;
        width: 100%;
    }
    .propic_show_list {
        height: 100px;
        position: relative;
        transition: 500ms;
    }
    .propic_show_piclist.on_bottom .propic_show_list {
        height: 100px;
        transition: 500ms;
    }
    .propic_show_piclist ul {
        width: 100%;
        height: auto !important;
        border: 1px solid #eee;
        position: absolute;
        top: -52px !important;
        left: 0;
        overflow: hidden;
        padding: 6px;
    }
    .propic_show_piclist li {
        float: left;
        width: 104px;
        border: 2px solid #eee;
        cursor: pointer;
        overflow: hidden;
    }
    .propic_show_piclist li a {
        display: block;
    }
    .propic_show_piclist li+li {
        margin-left: 5px;
        margin-bottom: 5px;
    }
    .propic_show_piclist li:nth-child(6) {
        margin-left: 0px;
    }
    .propic_show_piclist.on_bottom .propic_show_list li+li {
        transition: 500ms;
    }
    .propic_show_piclist li.cur {
        border-color: #c99d49;
    }
    .propic_show_piclist li img {
        width: 100%;
        transition: 500ms;
        margin-top: 0px;
    }
    .propic_show_piclist li:hover img {
        transform: scale(1.1);
        transition: 500ms;
    }
    .propic_show_btn_bottom {
        width: 100%;
        height: 0px;
        background-color: #333;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        z-index: 2;
        transition: 500ms;
    }
    .propic_show_piclist.on_bottom .propic_show_btn_bottom {
        display: none;
        height: 15px;
        background-color: #ea5b2d;
        margin-top: 5px;
        transition: 500ms;
    }
    /*分页样式*/
    .pages {
        clear: both;
        margin: .3rem auto .2rem auto;
        overflow: hidden;
        text-align: center;
        font-size: .14rem;
    }
    .pages ul li {
        display: inline-block;
        border: .01rem solid #eee;
        margin: 0 .01rem;
        line-height: .24rem;
        background: #fff;
        color: #999;
        border-radius: .02rem;
        list-style: none;
        margin-top: .1rem;
    }
    .pages ul li:hover {
        background: #e70012;
        color: #fff;
    }
    .pages ul li:hover a {
        color: #fff;
    }
    .pages ul li a {
        display: block;
        padding: 0.05rem 0.12rem;
    }
    .pages .thisclass {
        background: #e70012;
        color: #fff;
        border: .01rem solid #e70012;
    }
    .info_index_news {
        position: relative;
        height: 400px;
        overflow: hidden;
        max-width: 1400px;
        margin: 50px auto;
    }
    .duty-one {
        position: absolute;
        right: 0;
        top: 0;
        width: 316px;
        height: 400px;
        overflow: hidden;
        background: url(../images/20210902154300_141664318.jpg) no-repeat;
        animation: fadeinL 1s;
        background-size: contain;
    }
    .duty-one .text {
        color: #fff;
        padding: 100px 50px 50px;
    }
    .duty-one .text h3 {
        height: 50px;
        line-height: 50px;
        font-weight: normal;
        font-size: 30px;
        color: #fff;
    }
    .duty-one .text p {
        height: 60px;
        line-height: 30px;
        font-size: 16px;
        overflow: hidden;
        color: #fff;
    }
    .duty-one .text i {
        display: block;
        margin-top: 10px;
        width: 28px;
        height: 3px;
        background: #fff;
    }
    .duty-three {
        position: absolute;
        left: 542px;
        bottom: 0;
        width: 542px;
        height: 400px;
        background: #13a69e;
        animation: fadeinR 1s;
    }
    .duty-three .text {
        color: #fff;
        margin-left: 10%;
        margin-top: 10%;
    }
    .duty-three .text h3 {
        line-height: .6rem;
        font-weight: normal;
        font-size: .3rem;
        color: #fff;
    }
    .duty-three .text p {
        line-height: .6rem;
        font-size: .25rem;
        overflow: hidden;
        color: #fff;
    }
    .duty-three .text i {
        display: block;
        margin-top: 5px;
        width: 28px;
        height: 3px;
        background: #fff;
    }
    .duty-four {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 542px;
        height: 400px;
        background: rgb(26 111 106);
        animation: fadeinR 2s;
    }
    .duty-four .text {
        color: #fff;
        margin-left: 10%;
        margin-top: 10%;
    }
    .duty-four .text h3 {
        line-height: .6rem;
        font-weight: normal;
        font-size: .3rem;
        color: #fff;
    }
    .duty-four .text p {
        line-height: .6rem;
        font-size: .25rem;
        overflow: hidden;
        color: #fff;
    }
    .duty-four .text i {
        display: block;
        margin-top: 5px;
        width: 28px;
        height: 3px;
        background: #fff;
    }
}

@media screen and (min-width:320px) and (max-width:1199px) {
    /*内页大图*/
    #banner_news {
        display: none;
        width: 100%;
        position: relative;
        background: url(../images/new_banner.jpg) top center no-repeat;
        height: auto;
    }
    #banner_lxwm {
        display: none;
        width: 100%;
        position: relative;
        background: url(../images/lxwm_banner.jpg) top center no-repeat;
        height: auto;
    }
    #banner_about {
        display: none;
        width: 100%;
        position: relative;
        background: url(../images/about_banner.jpg) top center no-repeat;
        height: auto;
    }
    #banner_pro {
        display: none;
        width: 100%;
        position: relative;
        background: url(../images/pro_banner.jpg) top center no-repeat;
        height: auto;
    }
    .banner_tit {
        position: relative;
        padding: 1.2rem 0;
        text-align: center;
        margin: 0 auto;
    }
    .banner_tit h3 {
        font-size: .2rem;
        color: #fff;
        display: block;
        font-weight: 400;
        letter-spacing: .02rem;
        text-align: center;
    }
    .banner_tit h6 {
        font-size: .16rem;
        color: #e5e5e5;
        margin-top: .1rem;
        line-height: .3rem;
        font-weight: 200;
        letter-spacing: .01rem;
        text-align: center;
    }
    /*网站面包削*/
    .mianbxContent {
        height: .2rem;
        line-height: .2rem;
        font-size: .14rem;
        text-align: left;
        text-indent: 2.5em;
        background: url("../images/home.png") no-repeat 7px 14px;
        border: 1px dashed #ddd;
        position: relative;
        width: 100%;
        margin-top: .1rem;
        padding: 0.15rem 0;
        margin-bottom: .1rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .mianbxContent:hover {
        background-position: .07rem -.29rem;
    }
    .mianbxContent::after,
    .mianbxContent:after {
        content: '';
        position: absolute;
        display: block;
        height: .4rem;
        width: 2rem;
        top: 0;
        right: 0;
    }
    .mianbxContent a {
        font-size: .14rem;
        color: #333;
    }
    .mianbxContent span {
        padding: 0 0.1rem;
        font-family: cursive;
    }
    /*关于我们*/
    .naboutl {
        display: none;
    }
    .nabout {
        width: 100%;
    }
    .nabout_box {
        position: relative;
        margin-bottom: .2rem;
    }
    .nabout_box:before {
        content: '';
        width: 15px;
        height: 15px;
        background: #e70012;
        position: absolute;
        top: 0;
        left: 34px;
        z-index: 1;
        border-radius: 50%;
        display: none;
    }
    .nabout_box:after {
        content: '';
        width: 2px;
        height: 40px;
        background: #333;
        position: absolute;
        top: 10px;
        left: 40px;
        opacity: 0.8;
        display: none;
    }
    .nabout_tit {
        display: none;
    }
    .nabout_con {
        overflow: hidden;
    }
    .nabout_con:before {
        /* content: ''; */
        border: 10px solid #dddddd;
        width: 200px;
        height: 100px;
        position: absolute;
        top: 0;
        left: 0;
        border-right: none;
        border-bottom: none;
    }
    .w1400 {
        width: 92%;
    }
    .bf8 {
        background: #fff;
    }
    .pa-60 {
        padding: 0.4rem 0;
    }
    .page-book .form-cont {}
    .page-book .form-cont .form-group {
        width: 100%;
        margin-bottom: 0.12rem;
    }
    .page-book .form-cont .form-group input {
        width: 92.5%;
        display: block;
        padding: 0.05rem 0.12rem;
        color: #555;
        background-color: #fff;
        border: 1px solid #ddd;
        height: 0.32rem;
    }
    .page-book .form-group #content {
        background: #fff;
        width: 93.5%;
        border: 1px solid #ddd;
        padding: 3%;
        min-height: 1.5rem;
    }
    .page-book .btn {
        display: block;
        width: 1.8rem;
        height: 0.44rem;
        padding: 0;
        font-size: 0.14rem;
        background: #e70012;
        border: 0;
        color: #fff;
        margin: auto;
        margin-top: 0.3rem;
    }
    .partner-list {
        display: flex;
        flex-wrap: wrap;
    }
    .partner-list .item {
        width: 32%;
        margin-right: 2%;
        text-align: center;
        margin-bottom: 30px;
    }
    .partner-list .item:nth-child(3n) {
        margin-right: 0;
    }
    .partner-list .item .img {
        border: 1px solid #eee;
        margin-bottom: 15px;
    }
    .partner-list .item .img img {
        max-width: 100%;
    }
    .nabout_con:after {
        /* content: ''; */
        border: 10px solid #dddddd;
        width: 200px;
        height: 100px;
        position: absolute;
        bottom: 0;
        right: 0;
        border-top: 0;
        border-left: none;
    }
    .nabout_txt {
        width: 100%;
        box-shadow: 0 0 .2rem #cccccc;
        box-sizing: border-box;
    }
    .nabout_txt p {
        font-size: .14rem;
        line-height: .24rem;
        color: #666;
    }
    .nabout_txt img {
        width: 100%;
    }
    /*产品列表*/
    .page-cp.welcome_box {
        background: #fafafa;
        padding: 0;
    }
    .page-cp.welcome_box .w1400 {
        width: 100%;
    }
    .page-cp .naboutl .submenu li ul {
        padding: 0.2rem;
    }
    .page-cp .naboutl .submenu li ul li a {
        font-size: 0.14rem;
        line-height: 0.22rem;
        display: block;
        padding-bottom: 0.12rem;
        margin-bottom: 0.12rem;
        border-bottom: 0.01rem solid #eeeeee;
        padding-left: 0.1rem;
    }
    .page-cp .ny_prototal {
        display: none;
    }
    .page-cp .naboutl {
        display: block;
    }
    .page-cp .leftbox {
        display: none;
    }
    .page-cp .left_title {
        display: none;
    }
    .page-cp .naboutl .submenu li a.sub1 {
        position: relative;
        height: 0.55rem;
        line-height: .55rem;
        display: block;
        padding-left: 0.2rem;
        background: #fff;
        font-size: .15rem;
        border-bottom: 0.01rem solid #eeeeee;
        border-top: 0 none;
        overflow: hidden;
    }
    .page-cp .naboutl .submenu.cpdj li a.sub1 i {
        font-size: 0.17rem;
        color: #888;
        position: absolute;
        right: 0.2rem;
        z-index: 9;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 0.15rem;
        height: 0.15rem;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }
    .page-cp .naboutl .submenu.cpdj li.on a.sub1 i {
        transform: rotate(180deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    .ny_prototal {
        width: 100%;
        overflow: hidden;
    }
    .ny_prolist {
        width: 49%;
        margin-right: 2%;
        float: left;
        margin-bottom: 2%;
        overflow: hidden;
    }
    .ny_prolist:nth-child(2n) {
        margin-right: 0;
    }
    .ny_propic {
        position: relative;
        overflow: hidden;
        border: .01rem solid #eee;
    }
    .ny_propic a {
        display: block;
    }
    .ny_propic a img {
        width: 100%;
    }
    .ny_propic span {
        width: 60px;
        height: 60px;
        display: none;
        position: absolute;
        z-index: 3;
        left: 50%;
        margin-left: -30px;
        top: 39%;
        border: .01rem solid #fff;
        border-radius: 60px;
        font-size: .14rem;
        color: #fff;
        line-height: 60px;
        text-align: center;
        box-sizing: border-box;
    }
    .ny_protil {
        width: 100%;
        text-align: center;
        position: relative;
        overflow: hidden;
    }
    .ny_protil a {
        height: 45%;
        padding: 6% 5%;
        font-size: .14rem;
        position: relative;
        z-index: 2;
        display: block;
    }
    .ny_prolist:hover .ny_protil a {
        color: #fff;
    }
    .ny_protil:before {
        width: 0;
        height: 100%;
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        background: #e70012;
        transition: all 0.3s;
    }
    .ny_prolist:hover .ny_protil:before {
        width: 100%;
    }
    /*产品内页*/
    .pro_main_box {
        display: none;
    }
    .wap {
        display: block;
        width: 100%;
        height: auto;
    }
    .wap .wap1 img {
        width: 100%;
    }
    .wap .wap2 {
        height: auto;
    }
    .wap .wap2 .pro_wap2_title {
        font-weight: bold;
        padding: 0.3rem 0 0.2rem;
        font-size: 0.18rem;
    }
    .wap .wap2 .pro_wap2_note {
        color: #888;
        line-height: 0.21rem;
        border-bottom: 1px solid #eee;
        padding-bottom: 0.2rem;
        margin-bottom: 0.3rem;
        font-size: 0.14rem;
    }
    .wap .wap2 .pro_wap2_contz {
        margin-top: 0.2rem;
    }
    .wap .wap2 .pro_wap2_contz p {
        color: #666;
        line-height: 0.22rem;
        margin-bottom: 0.1rem;
    }
    .wap .wap2 .pro_wap2_contz p strong {
        color: #121212;
        font-size: 0.16rem;
    }
    /*新闻分类*/
    .nswsfenlei {
        height: .5rem;
        clear: both;
    }
    .nswsfenlei li {
        float: left;
        width: 33%;
    }
    .nswsfenlei li+li {
        margin-left: 0.5%;
    }
    .nswsfenlei li a {
        transition: all .3s ease;
        line-height: .4rem;
        text-align: center;
        display: block;
        background: #f3f3f3;
        font-size: .14rem;
        color: #333;
    }
    .nswsfenlei li.curNewsType a,
    .nswsfenlei li:hover a {
        background: #e70012;
        color: #fff;
    }
    /*新闻列表*/
    .nynews {
        width: 100%;
        margin: 0 auto;
    }
    .nynews-list {
        width: 100%;
        height: auto;
        padding: 3%;
        box-shadow: 0 0 .01rem #aaa;
        box-sizing: border-box;
        position: relative;
        margin-bottom: 4%;
    }
    .nynews-date {
        display: none;
    }
    .nynews-photo {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .nynews-photo img {
        width: 100%;
    }
    .nynews-content {
        padding: 0.2rem 0.05rem;
    }
    .nynews-title {
        font-size: .16rem;
        font-weight: bold;
        color: #333;
        line-height: .3rem;
        padding-bottom: 0.4vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .nynews-text {
        font-size: .134rem;
        line-height: .22rem;
        color: #999;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 0.06rem;
    }
    .nynews-more {
        display: none;
    }
    .nynews-list:hover .nynews-title {
        color: #e70012;
    }
    /*新闻内页*/
    .nyxqnewsbg {
        width: 100%;
        margin-bottom: .1rem;
    }
    .nyxqnews_left {
        width: 100%;
        float: left;
        background: #f3f3f3;
        padding: .1rem;
        overflow: hidden;
        box-sizing: border-box;
    }
    .nyxqnews_left img {
        width: 100%;
    }
    .nyxqnews_right {
        display: none;
    }
    .news_lefttit {
        border-bottom: .01rem solid #e7e7e7;
        padding-bottom: .1rem;
    }
    .news_lefttit h1 {
        font-size: .15rem;
        font-weight: normal;
        line-height: .3rem;
        display: block;
        color: #333333;
    }
    .news_lefttit span {
        display: block;
        float: left;
        color: #999999;
        line-height: .3rem;
        border-left: none;
        width: 100%;
    }
    .news_lefttit .chuchu {
        border-left: none;
        width: 100%;
    }
    .nyxqnews_leftcont {
        margin-top: .1rem;
        line-height: .3rem;
        color: #777777;
    }
    .nyxqnews_leftpage {
        width: 100%;
        margin-top: .2rem;
        border-top: .01rem solid #e7e7e7;
        line-height: .7rem;
    }
    .nyxqnews_leftup {
        float: left;
        border-right: .01rem solid #e7e7e7;
        width: 50%;
        padding-left: .2rem;
        padding-right: .3rem;
        height: .7rem;
        overflow: hidden;
        background: url(../images/newsup.png) left no-repeat;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .nyxqnews_leftdown {
        float: right;
        text-align: right;
        width: 50%;
        padding-left: .3rem;
        padding-right: .2rem;
        height: .7rem;
        overflow: hidden;
        background: url(../images/newsdown.png) right no-repeat;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    /*联系我们*/
    .page-contact {
        width: 100%;
        margin-bottom: .2rem;
    }
    .page-contact .contact-main {
        width: 100%;
        padding: 1%;
        box-sizing: border-box;
        margin-bottom: 0.38rem;
    }
    .page-contact .contact-main .top h3 {
        font-size: .21rem;
        margin-bottom: 0.2rem;
        font-weight: bold;
        color: #e70012;
    }
    .page-contact .contact-main .top p {
        font-size: .14rem;
        line-height: .23rem;
        color: #666;
        margin-bottom: 0.3rem;
    }
    .page-contact .contact-main .top .more {
        display: flex;
        width: 1.6rem;
        background: #fff;
        justify-content: center;
        height: 0.4rem;
        align-items: center;
        font-size: .16rem;
        color: #e70012;
        border-radius: 0.5rem;
        margin-top: 0.2rem;
    }
    .page-contact .contact-main .top .more i {
        font-size: .16rem;
        margin-right: .06rem;
    }
    .page-contact .contact-main ul {
        margin-top: .1rem;
    }
    .page-contact .contact-main ul li {
        font-size: .145rem;
        line-height: .22rem;
        margin-bottom: 0.1rem;
    }
    .page-contact .contact-main ul li i {
        font-size: .145rem;
        line-height: .24rem;
        margin-bottom: 0.1rem;
        margin-right: 0.08rem;
        color: #e70012;
    }
    #dituContent {
        height: 36vh !important;
    }
    .page-contact .contact-main .erweima {
        display: flex;
        margin-top: .2rem;
    }
    .page-contact .contact-main .erweima div {
        text-align: center;
        margin-right: .2rem;
    }
    .page-contact .contact-main .erweima div p {
        margin-top: .08rem;
        font-size: 0.14rem;
        color: #777;
    }
    .page-contact .contact-main .erweima img {
        max-width: 1rem;
    }
    .page-contact .map {
        width: 100%;
        box-sizing: border-box;
    }
    .page-contact .map img {
        max-width: unset;
    }
    /*分页样式*/
    .pages {
        clear: both;
        margin: .3rem auto .2rem auto;
        padding-top: .2rem;
        text-align: center;
        font-size: .14rem;
    }
    .pages ul li {
        display: inline-block;
        margin: 0 0.01rem;
        /* line-height: .24rem; */
        background: #fff;
        color: #999;
        border-radius: 0.02rem;
        list-style: none;
        margin-top: 0.1rem;
    }
    .pages ul li:hover {
        background: #e70012;
        color: #fff;
        border: .01rem solid #e70012;
    }
    .pages ul li:hover a {
        color: #fff;
    }
    .pages .thisclass {
        background: #e70012;
        color: #fff;
        padding: 0.08rem 0.1rem;
    }
    .pages ul li a {
        border: 0.01rem solid #eee;
        padding: 0.07rem 0.1rem;
        font-size: 0.13rem;
    }
    .info_index_news {
        overflow: hidden;
    }
    .duty-one {
        width: 100%;
        overflow: hidden;
        background: url(../images/20210902154300_141664318.jpg) no-repeat;
        animation: fadeinL 1s;
        height: 530px;
    }
    .duty-one .text {
        color: #fff;
    }
    .duty-one .text h3 {
        height: 50px;
        line-height: 50px;
        font-weight: normal;
        font-size: 30px;
        color: #fff;
    }
    .duty-one .text p {
        height: 60px;
        line-height: 30px;
        font-size: 16px;
        overflow: hidden;
        color: #fff;
    }
    .duty-one .text i {
        display: block;
        margin-top: 10px;
        width: 28px;
        height: 3px;
        background: #fff;
    }
    .duty-three {
        width: 100%;
        background: #13a69e;
        animation: fadeinR 1s;
    }
    .duty-three .text {
        color: #fff;
        margin-left: 10%;
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .duty-three .text h3 {
        line-height: 35px;
        font-weight: normal;
        font-size: 22px;
        color: #fff;
    }
    .duty-three .text p {
        line-height: 35px;
        font-size: 14px;
        overflow: hidden;
        color: #fff;
    }
    .duty-three .text i {
        display: block;
        margin-top: 5px;
        width: 28px;
        height: 3px;
        background: #fff;
    }
    .duty-four {
        width: 100%;
        background: rgb(26 111 106);
        animation: fadeinR 2s;
    }
    .duty-four .text {
        color: #fff;
        margin-left: 10%;
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .duty-four .text h3 {
        line-height: 35px;
        font-weight: normal;
        font-size: 22px;
        color: #fff;
    }
    .duty-four .text p {
        line-height: 30px;
        font-size: 14px;
        overflow: hidden;
        color: #fff;
    }
    .duty-four .text i {
        display: block;
        margin-top: 5px;
        width: 28px;
        height: 3px;
        background: #fff;
    }
}